#StatusBar {
  --pane-cpu-icon: url();
}

#meter-cpu-pane .icon {
  background-image: var(--pane-cpu-icon);
}
#meter-cpu-holder {
  position: relative;
  height: 16px;
}
#meter-cpu-text {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}

/* Custom break point settings for responsiveness */

/* X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */
/* Custom rules for x-small devices */
#meter-cpu-holder {
  width: 50px;
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  /* Custom rules for large devices */
  #meter-cpu-holder {
    width: 100px;
  }
}
